import { main, table_header_bg } from './index.module.scss';

import { importStores } from "zbee-webpack";
const {
    useInfoScenesStore //使用指定的数据
} = importStores();

export default {
    body: {
        class: main,
        items: [
        {
            class: table_header_bg,
            id: 'table',
            border: true,
            widget: 'table',
            autoLoad: false,
            onMounted: [{
                action: 'store',
                useStore: useInfoScenesStore,//使用指定的数据
                method: 'paging',
                params: {
                    page: 3,
                    pageSize: 15
                }
            }],
            useStore: useInfoScenesStore,//使用指定的数据
            columns: [
             {
                // width:120,
                align: 'center',
                label: '场景名称',
                prop: 'SceneName',
            }, {
                // width: 50,
                align: 'center',
                label: '备注',
                prop: 'Notes',
            }
            , {
                // width: 50,
                align: 'center',
                label: '执行动作',
                prop: 'Actions',
            }
            , {
                // width: 50,
                align: 'center',
                label: '操作',
                type:'button',
                buttons:[
                    {
                        text:"删除",
                        type:'warning',
                        onClick: {
                            action: 'confirm',           // 定义事件函数，当前为“confirm”事件，数据操作二次确认
                            title: '警告',                // 定义二次确认弹窗标题
                            message: '是否删除场景？',    // 定义二次确认弹窗内容
                            apply: [{
                                action: 'param',
                                var: 'dataRow',
                                index: 0
                            }, {
                                action: 'print',     // 定义事件函数，当前为“print”事件，控制台内容打印
                                description: '删除',  // 定义打印事件描述内容，可用于不通打印记录的数据标识
                                data: '$vars.row'    // 定义需要打印的具体内容
                            }, {
                                action: 'store',            // 定义事件函数，当前为“store”事件，全局数据
                                useStore: useInfoScenesStore,  // 定义目标数据，当前为“useAccountStore”
                                method: 'remove',           // 定义函数的操作方法，当前为“remove”，删除数据
                                params: '$vars.dataRow'     // 定义向被调用组件传递的数据，当前为从页面变量“vars”获取“dataRow”的数据进行传递
                            }]
                        }
                    }
                ]
                
            }
        
        ],
            
           
        },[
            {
               //HORZION 2 COLUMNS>>>>>>
               items:{
               widget:'horizontalLayout',
               //-----style inline ------
               style:{
                'width':'100%',
                'height':'100%',
               },
               //-----style inline ------
               mode:'flex',
               items:[
                   {
                       flex:'true'
                   },
                   {
                       widget: 'pagination' ,
                       useStore:useInfoScenesStore
                   }
                      ]
               }
               //HORZION 2 COLUMNS>>>>>>
            }
           ]
                ]
    }
}